// // 文档加载事件
// window.addEventListener('DOMContentLoaded',function(){


// // 定义
// let data = [
//         {"times": 4000, "price": 1200, "unitPrice": "0.3000"},
//         {"times": 8000, "price": 2000,"unitPrice": "0.2500" },
//         {"times": 40000, "price": 8000, "unitPrice": "0.2000" }
//        ];
// //   遍历
// data.forEach(function(v){
//     // console.log(v);
//     getEle('#time').innerHTML+=`
//     <li id="time"  class="active">${v.times}</li>
//     <li >${v.times}</li>
//     <li >${v.times}</li> 
    
//     `
// })



// getEles('#time li')[1].className='active';
// })

let tabLis=getEles('#document li');
let tabCont=getEles('.tab-left>div');


tabLis.forEach(function(v,i){
    v.addEventListener('click',function(){
        tabLis.forEach(function(v,i){
            v.classList.remove('active');
            tabCont[i].classList.remove('on')
        })
        v.classList.add('active');
        tabCont[i].classList.add('on')
    })
});